<div class="table">
    <div class="thead">
        <div class="tr">
            <div class="item index">序号</div>
            <div class="{{ item.key }} item" ng-click="order(item.key)" ng-repeat="item in tableHeads">{{ item.name }}<u class="icon" ng-class="{reverse: reverse, orderBy: orderKey === item.key}"></u></div>
        </div>
    </div>
    <div class="tbody">
        <div class="tr" ng-repeat="row in data |
        setPage: vm |
        slice:vm.curPage:vm.perPage">
            <div class="item index" ng-bind="vm.perPage * vm.curPage + $index + 1"></div>
            <div class="{{ item.key }} item" ng-repeat="item in tableHeads" title="{{ row[item.key] }}">
                <a target="_blank" ng-show="baseUrl && item.key === 'name'" href="{{ baseUrl + row.cid }}" ng-bind="row[item.key]"></a>
                <span ng-show="!baseUrl || item.key !== 'name'" ng-bind="row[item.key]"></span>
            </div>
        </div>
    </div>
    <div class="tfoot">
        <div class="tr">
            <p class="total">共有<strong>{{data.length}}条</strong>记录</p>
            <div ks-paging total-size="vm.totalSize" per-page="vm.perPage" cur-page="vm.curPage"></div>
        </div>
    </div>
</div>